<!DOCTYPE HTML>
<HTML lang="zh">

<HEAD>
  <meta content="IE=edge" />
  <meta content="text/html; charset=UTF-8">
  <meta content="no-cache">
  <meta content="0">
  <meta content="no-cache">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' http://www.gov.hk" />
  <title>Screen ID: SC-512-1-008
  </title>
  <LINK href="../css/style_tdabs.css" type="text/css" rel="stylesheet">
  <LINK href="../css/tchinese/main_tdabs.css" type="text/css" rel="stylesheet">
  <LINK href="../css/bootstrap.min.css" type="text/css" rel="stylesheet">
  <SCRIPT src="../js/common.js"></SCRIPT>
  <SCRIPT src="../js/main.js"></SCRIPT>
  <script type="text/javascript">
    // <!--
    function bodyLoad() {


      var cnum = new Array(4)
      cnum[0] = "一";
      cnum[1] = "二";
      cnum[2] = "三";
      cnum[3] = "四";
      cnum[4] = "五";
      for (var i = 0; i < cnum.length; i++) {
        if (i + 1 == total_steps) {
          total_steps = cnum[i];
        }
        if (i + 1 == stepNo) {
          var stepNum = cnum[i];
        }
      }

      var footerString;
      var frame = parent.frames["javascript_container"];

      footerString = "<strong>步驟" + stepNum + "</strong>，共" + total_steps + "個步驟";


      if (stepNo > 0) {
        var stepRow = document.getElementById("step" + stepNo + "Row");
        if (stepRow != null)
          stepRow.className = "sel";
        var stepFooter = document.getElementById("stepsOf");
        if (stepFooter != null)
          stepFooter.innerHTML = footerString.replace("{0}", stepNo);
      }

      var inputs = document.getElementsByTagName("input");

      for (i = 0; i < inputs.length; i++) {
        inputs[i].setAttribute("autocomplete", "off");
        inputs[i].autocomplete = "off";
      }
    }

    function changeImages(src, image) {

      if (src.firstChild != null) {
        src.firstChild.src = image;
      }
    }

    function closeBrowser() {
      parent.close();

    }

    document.oncontextmenu = new Function("return false");

    // -->

  </script>

  <style type="text/css">
    #topPanel {
      background-image: url("../images/top-background.jpg");
    }

    #contentPanelFloat {
      background-image: url("../images/bg_lm.gif");
      background-repeat: repeat-y;
    }

  </style>
</HEAD>

<script>
  function onClickBackToHomePage() {
    frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdShowHome";

    if (isSubmitted())
      return;

    frmAppointment.submit();
  }


  function onClickChangePersonalInfo() {

    frmAppointment.storedAppointmentRegMarkNumber2.value = "";


    frmAppointment.storedAppointmentServiceType.value = "DI" + "_modify";

    frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdUpdatePersonalInfo";


    if (isSubmitted())
      return;
    frmAppointment.submit();
  }


  function onClickChangeAppointmentInfo() {

    frmAppointment.storedAppointmentRegMarkNumber2.value = "";
    frmAppointment.storedAppointmentServiceType.value = "DI";
    frmAppointment.storedAppointmentDLNewIssue.value = "N";

    frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdUpdateAppointmentSelectOffice";




    if (isSubmitted())
      return;

    frmAppointment.submit();
  }


  function onClickBack() {

    frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdGetTimeslotListAction";

    if (isSubmitted())
      return;

    frmAppointment.submit();
  }



  function onClickSubmit() {
    errCount = 0;
    errStr = "";



    if (errCount > 0) {
      showErr("閣下有遺漏的資料或資料不正確，詳請如下:");
      return false;
    }
    frmAppointment.action = "/tdab2/tdabs_external/AdminServlet_tchinese?cmd=cmdSubmitAppointmentAction";

    if (isSubmitted()) {
      return;
    }

    frmAppointment.submit();
  }
  var stepNo = 3;
  var total_steps = 3;


  // -->

</script>

<BODY onload="javascript:bodyLoad();">
  <main>




    <div class="mainframe">
      <div class="container">
        <div class="row mobile-no-gutters">
          <!--Header-->
          <div class="header">
            <div class="col-md">
              <div class="logo"><a href="http://www.gov.hk" target="_blank"><img src="../images/header.jpg" alt="GovHK香港政府一站通"></a></div>
            </div>
            <div class="col-md">
              <div class="menu">
                <div class="menuBody">
                  <div class="menuRow">
                    <div class="menuCell">

                    </div>
                    <div class="menuCell">
                      <div class="exit"><a href="#" class="exit" onclick="closeBrowser()">離開</a></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="subheaderTwoRow">

            <div class="cluster">&nbsp;</div>
            <div class="icon"><img src="../images/transport.PNG" alt="" class="icon"></div>
            <div class="text" id="welcomeTitle">

              預約運輸署牌照事務處服務

            </div>
          </div>
          <!--{End Header}-->





          <!--Middle Content-->
          <div class="content">
            <div class="row">
              <!--Left Column Content-->
              <div class="col-md-3 col-lg-2 order-md-1">
                <div class="navlayer">

                  <!-- left menu begins -->





                  <div class="navstep">

                    <div class="navstep_item" id="step1Row">
                      <div class="navstep_title">
                        步驟一
                      </div>
                      <div>
                        選擇服務及輸入資料
                      </div>
                    </div>
                    <div class="navstep_item" id="step2Row">
                      <div class="navstep_title">
                        步驟二
                      </div>
                      <div>
                        選擇牌照事務處、預約日期和時間
                      </div>
                    </div>
                    <div class="navstep_item" id="step3Row">
                      <div class="navstep_title">
                        步驟三
                      </div>
                      <div>
                        遞交預約資料
                      </div>
                    </div>
                  </div>





                  <script type="text/javascript">
                    function openwin(href, name) {
                      /*		var win = null;
                      		if (openedWindows[name] == null) {
                      			win = window.open(href, name,'height=400,width=700,toolbar=yes,scrollbars=yes,resizable=yes,menubar=yes,location=yes');
                      			openedWindows[name] = win;
                      		}
                      		else {
                      			win = openedWindows[name];
                      			win.location.href = href;
                      		}
                      */
                      var win = window.open(href, name, 'height=400,width=700,toolbar=yes,scrollbars=yes,resizable=yes,menubar=yes,location=yes');
                      win.focus();
                    }

                    function openFAQ() {

                      window.open('https://' + window.location.host + '/tdabsfaq/htm/tchinese/faq.htm', 'faq', 'height=400,width=700,toolbar=yes,scrollbars=yes,resizable=yes,menubar=yes,location=yes');
                    }

                  </script>

                  <div class="navlink">
                    <div class="navlink_item">
                      <a href="#" class="navlink" onclick="openwin('../htm/tchinese/instructions_cover_page.htm', 'demo'); return false;">
                        網上示範</a>
                    </div>
                    <div class="navlink_item">
                      <a href="#" class="navlink" onclick="openFAQ(); return false;">
                        常見問題</a>
                    </div>
                    <div class="navlink_item2">
                      <div class="title">聯絡及支援</div>
                      <div>請致電<font class="red" face="Arial">1823</font>或發送電郵至<br></div>
                      <a href="mailto:tellme@1823.gov.hk" rel="external" title="Contact Us" class="email">tellme@1823.gov.hk</a>
                    </div>
                  </div>

                </div>
              </div>
              <!-- left menu ends -->



              <!--Right Column Content-->
              <div class="col-md-9 col-lg-10 order-md-12">
                <div class="contentpage">

                  <div id="errTable" class="errorlayer" style="display:none">
                    <div>
                      <div class="errorlogo">
                        <img src="../images/exclam.gif" alt="error">
                      </div>
                      <div class="errortitle">
                        錯誤
                      </div>
                    </div>
                    <div id="error_msg">
                      <ul>
                        <div class="errormsg" id="errMsg">

                        </div>
                      </ul>
                    </div>
                  </div>
                  <div class="cell">
                    <div class="contenttable">
                      <div class="step_hd">
                        <div class="stepTable">
                          <div class="stepTableBody">
                            <div class="stepTableRow">
                              <div class="stepTableCell">

                                <span class="step_no">步驟三</span>
                              </div>
                              <div class="stepTableCell">
                                <span class="step_info">遞交預約資料</span>


                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cell">
                    <div class="contenttable">
                      <div class="title">

                      </div>




                      <form name="frmAppointment" action="" method="post">
                        <input name="storedAppointmentId" type="hidden" value="" />
                        <input name="storedAppointmentServiceType" type="hidden" value="DI" />
                        <input name="storedAppointmentRequestChannel" type="hidden" value="W" />
                        <input name="storedAppointmentLicenseType" type="hidden" value="P" />
                        <input name="storedAppointmentLicenseNumber" type="hidden" value="b3eaWmvBcoum1D5oZY1ag+PdR50i3OTL" />
                        <input name="storedAppointmentLicenseNumber2" type="hidden" value="VSRGOh0/LFhUhC5mVTncAA==" />
                        <input name="storedAppointmentPhoneNumber" type="hidden" value="N/A" />
                        <input name="storedAppointmentExpiryDate" type="hidden" value="11-11-1901" />
                        <input name="storedAppointmentCertExpiryDate" type="hidden" value="" />
                        <input name="storedAppointmentRegMarkNumber2" type="hidden" value="" />
                        <input name="storedAppointmentRegMarkNumber" type="hidden" value="" />
                        <input name="storedAppointmentShortRegMarkNumber" type="hidden" value="" />
                        <input name="storedAppointmentTimeslotId" type="hidden" value="1590813" />
                        <input name="sendReminder" type="hidden" value="Y" />
                        <input name="storedAppointmentConfirmationFaxNumber" type="hidden" value="" />
                        <input name="storedAppointmentConfirmationPhoneNumber" type="hidden" value="" />
                        <input name="storedAppointmentConfirmationEmail" type="hidden" value="test@example.com" />
                        <input name="storedAppointmentReminderFaxNumber" type="hidden" value="" />
                        <input name="storedAppointmentReminderPhoneNumber" type="hidden" value="" />
                        <input name="storedAppointmentReminderEmail" type="hidden" value="test@example.com" />
                        <input name="storedAppointmentTimeslotDate" type="hidden" value="20-11-2025" />
                        <input name="storedAppointmentTimeslotFromTime" type="hidden" value="1445" />
                        <input name="storedAppointmentTimeslotToTime" type="hidden" value="1500" />
                        <input name="storedAppointmentOfficeCode" type="hidden" value="HKLO" />
                        <input name="storedAppointmentCalendarYear" type="hidden" value="2025" />
                        <input name="storedAppointmentCalendarMonth" type="hidden" value="10" />
                        <input name="storedAppointmentSessionId" type="hidden" value="" />
                        <input name="storedAppointmentDayOfWeek" type="hidden" value="" />
                        <input name="storedAppointmentOperation" type="hidden" value="A" />
                        <input name="transferOfOwnership" type="hidden" value="N" />
                        <input name="lang" type="hidden" value="tchinese" />
                        <input name="timestamp" type="hidden" value="1757565588537" />
                        <input name="storedAppointmentTimestamp" type="hidden" value="">
                        <input name="inputtedPhoneNoBefore" type="hidden" value="" />
                        <input name="storedAppointmentReferenceNo" type="hidden" value="" />
                        <input name="inputType" type="hidden" value="N" />
                        <input name="fromIAMSmart" type="hidden" value="" />
                        <input name="storedAppointmentDLNewIssue" type="hidden" value="N" />
                        <input name="storedAppointmentLicenseOwnerName" type="hidden" value="张三" />
                        <input name="storedAppointmentIssuingCountry" type="hidden" value="CN" />
                        <input name="storedAppointmentIssuingAuthority" type="hidden" value="GD" />
                        <input name="storedAppointmentIAMSmartHelperJwt" type="hidden" value="" />




                      </form>
                      <div class="row" id="disablemessage8">
                        <div class="colCell">
                          <div class="row_nomargin">


                            請核對以下預約資料，如果正確，請按「繼續」。如須修改，請按「更改」。
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cell">
                    <div class="contenttable">
                      <div class="row">
                        <div class="colCell">
                          <div class="row_nomargin">
                            <table class="content-table" role="none">
                              <!-- <tr>
										<td class="heading3" colspan="2">駕駛執照資料</td>
									</tr>
									<tr><td><br></td></tr>
									 -->


                              <tr>

                                <td class="content2">

                                  護照號碼/香港身分證號碼


                                </td>
                                <td class="content2">

                                  440123199001011234

                                </td>
                              </tr>



                              <tr>
                                <td class="content2">駕駛執照號碼</td>
                                <td class="content2">
                                  E12345678
                                </td>
                              </tr>




                              <tr>
                                <td class="content2">

                                </td>
                                <td class="content2">

                                </td>
                              </tr>

                            </table>



                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cell">
                    <div class="contenttable">
                      <div class="row">
                        <div class="colCell">
                          <div class="row_nomargin">




                            <!--
						<tr><td><br></td></tr>
						<tr>
							<td colspan="2" class="heading3" id="disablemessage5">預約詳情</td>
						</tr>
						<tr><td><br></td></tr>
						 -->

                            <table class="content-table" role="none">
                              <tr>
                                <td class="content2" style="margin-top: 0;">牌照事務處</td>
                                <td class="content2">香港牌照事務處 - 櫃位服務<br>香港金鐘道九十五號統一中心三樓</td>
                              </tr>

                              <tr>
                                <td class="content2">預約日期及時間</td>
                                <td class="content2">
                                  2025年11月20日&nbsp;下午 02:45
                                </td>
                              </tr>
                            </table>

                            <table class="content-table" id="disablemessage6" role="none">
                              <tr>
                                <td style="margin-right: 0;" id="updatePersonalInfoButtonTable">





                                  <input type="button" value="更改" class="resetBtn" onClick="onClickChangeAppointmentInfo()" onmouseover="this.className='resetBtn_hov'" onmouseout="this.className='resetBtn'">

                                </td>
                              </tr>
                            </table>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cell" id="disablemessage11">
                    <div class="contenttable">
                      <div class="row">
                        <div class="colCell">
                          <div class="row_nomargin">
                            <table class="content-table" role="none">
                              <tr>
                                <td class="content2">預約提醒</td>
                                <td class="content2">

                                  有

                                </td>
                              </tr>
                              <tr>
                                <td class="content2">電郵地址</td>
                                <td class="content2">test@example.com</td>
                              </tr>
                              <tr>
                                <td class="content2">傳真號碼</td>
                                <td class="content2"></td>
                              </tr>
                            </table>
                            <table class="content-table" id="disablemessage3" role="none">
                              <tr>


                                <td colspan="2" style="margin-right: 0;" id="updatePersonalInfoButtonTable3">





                                  <input type="button" value="更改" class="resetBtn" onClick="onClickChangePersonalInfo()" onmouseover="this.className='resetBtn_hov'" onmouseout="this.className='resetBtn'">



                                </td>
                              </tr>
                            </table>
                          </div>
                        </div>
                      </div>

                      </table>
                      </td>
                      </tr>





                    </div>
                    <div class="cell" id="table2">
                      <div class="contenttable_button">


                        <div class="btnbar">





                          <input type="button" value="繼續" class="continueBtn" onClick="onClickSubmit()" onmouseover="this.className='continueBtn_hov'" onmouseout="this.className='continueBtn'">


                        </div>



                        <!--
														<div class="item">
														
															
															
														







<input type="button" value="返回主頁" class="resetBtn" onClick="onClickBackToHomePage()" onmouseover="this.className='resetBtn_hov'" onmouseout="this.className='resetBtn'">
														</div>
 														-->

                      </div>
                    </div>

                    <div class="steplayer">
                      <div id="stepsOf">
                      </div>
                    </div>
                  </div>
                </div>



                <!--    <table height="300px"><tr><td>&nbsp;</td></tr></table>-->
                <!--End Right Column Content-->

              </div>




              <br />
            </div>
            <!--{End Middle Content}-->
            <!--Footer Content-->
            <div class="footer">
              <div class="row">
                <div class="col-md-7">
                  <div class="footerlinks">
                    <a class="footer" href="http://www.gov.hk/tc/about/aboutus.htm" target="_blank">關於「香港政府一站通」</a>
                    <a class="footer" href="http://www.gov.hk/tc/about/copyright.htm" target="_blank">版權告示</a>
                    <a class="footer" href="http://www.gov.hk/tc/about/privacy.htm" target="_blank">私隱政策</a>
                    <a class="footer" href="http://www.gov.hk/tc/about/disclaimer.htm" target="_blank">免責聲明</a>
                  </div>
                </div>
                <div class="col-md-5">
                  <div class="footer_logo">
                    <a href="https://www.w3.org/WAI/WCAG2AA-Conformance" title="Explanation of WCAG 2 Level AA conformance"><img height="32" width="88" src="https://www.w3.org/WAI/WCAG21/wcag2.1AA-blue-v" alt="Level AA conformance,W3C WAI Web Content Accessibility Guidelines 2.1"></a>
                    <a href="http://www.brandhk.gov.hk/" target="_blank"><img src="../images/../images/logo_footer_tc.gif" alt="香港品牌" title="香港品牌" /></a>
                  </div>
                </div>
              </div>
            </div>
            <!--End Footer Content-->



            <script type="text/javascript">

            </script>
  </main>
</BODY>

</HTML>
